/**
 * Created by wang on 2016/11/20.
 */
/**切换图片**/
function showPic(whichpic){

    var source = whichpic.getAttribute("href"); //取得图片的href属性
    var placeholder=document.getElementById("placeholder"); //取得占位符
    placeholder.setAttribute("src",source); //更新占位符

    var text = whichpic.getAttribute("title");  //使用图像的title属性更新文本描述
    var description = document.getElementById("description");

    description.firstChild.nodeValue = text ;
}
/***
function countBodyChildren() {
    //节点属性
    var body_element = document.getElementsByTagName("body")[0];
    alert(body_element.childNodes.length);
}
 **/

/**
 var links = document.getElementByTagName("a");
 for(var i = 0 ; i<links.length; i++){
    if(links[i].getAttribute('class') == "popup"){
        links[i].onclick = function(){
        popUp(this.getAttribute("href"));
        return false;
        }
    }
 }
 * **/

function prepareGallery() {
    if (!document.getElementsByTagName || !document.getElementById) return false ;  //验证是否理解两个DOM方法
    if (!document.getElementById("imagegallery")) return false;     //假设文档中无响应元素的针对性测试
    /**
     * 此处涉及知识点：结构化程序设计（structed programming），
     * 其中一个原则为：函数应该只有一个出口和一个入口，
     * 以上代码即出口集中出现在函数头部应该可以加强代码可读性，
     * 不让核心代码被花括号层层包围，
     **/
    var gallery = document.getElementById("imagegallery");
    var links = gallery.getElementsByTagName("a");  //数组形式的节点列表 nodelist
}
window.onload = countBodyChildren;